<!-- <script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import HelloWorld from './components/HelloWorld.vue'
</script> -->
<script>
	// import { ref , reactive, onMounted} from 'vue'
	// export default {
		
	// 	setup(props, { attrs, slots, emit, expose }){
	// 		const test = ref(0)
	// 		const flag = ref(false)
	// 		const arr = ref([])
	// 		const add = ()=>{
	// 			console.log(test)
	// 			test.value++;
	// 		}
	// 		const switchFlag = ()=>{
	// 			flag.value = !flag.value
	// 		}
	// 		const addArr = ()=>{
	// 			arr.value.push(~~(Math.random()*10))
	// 		}
	// 		onMounted(()=>{
	// 			debugger;
	// 		})
	// 		console.log(attrs, slots, emit, expose )
	// 		return {
	// 			test,
	// 			add,
	// 			arr,
	// 			flag,
	// 			switchFlag,
	// 			addArr
	// 		}
	// 	}
	// }
	
</script>

<template>
	<router-view></router-view>
<!--  <div ref="testttt">
	  {{test}} / {{flag}}/ {{arr}}
  </div>
  <button @click="add">testAdd</button>/
  <button @click="switchFlag">switchFlag</button>/
  <button @click="addArr">addArr</button> -->
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
